<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>循环结构</title>
</head>
<body>
<!--
    循环结构：
        for循环
         for(定义计数器;条件表达式;改变计数器的值){
                1          2          3
		 		 	// 循环体 (重复执行的逻辑代码)    4
		 	}

		执行流程：
		   (1)   1  定义计时器 (只会执行一次)  ->   2   判定循环是否继续   false  循环结束
		                                                    true  继续    ->  4
		   (2)   3 ->计数器自增    ->   2   判定循环是否继续   false  循环结束
		                                                    true  继续    ->  4
		   (3)   3 ->计数器自增    ->   2   判定循环是否继续   false  循环结束
		                                                    true  继续    ->  4

		                                           .....

-->

<script>
    // mysql  10

    // for(var i =0; i< 5; i++){
    //     console.log("mysql")
    // }

    /*
    * 执行流程
    *  1. 定义计时器  i  初始化   0
    *  2.  0   <  5    true
    *  3. console.log("mysql")
    *  4.  i++    ->  1
    *  5.  1  < 5    true
    *  6. console.log("mysql")
    *  7. i++  ->   2
    *  8.  i  <  5  true
    *  9. console.log("mysql")
    *  10.  i++    ->  3
    *  ..........
    *  n.   i++    ->  5
    *  n+1.  i  <  5   false
    *    程序结束
    */


    // for 循环的变形
    // var i = 0;
    // for (; i < 10 ; i++) {
    //     console.log("mysql"+i)
    // }

    // 死循环
    // for (; ; i++) {
    //     console.log("mysql"+i)
    // }

    //  死循环
    // for (var i=0 ; i< 10 ; ) {
    //     console.log("mysql"+i)
    // }


    // 死循环
    // for (; ; ) {
    //     console.log("mysql")
    // }
    
    //   1+2+3+4+.....100
    var sum = 0;
    for (var i = 1;i<101;i++){
        // var sum = 0;
        sum+=i;  // sum = sum+i
    }
    console.log("sum"+sum)

</script>

</body>
</html>